<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>index</title>
<meta content="" name="Keywords">
<meta content="" name="Description">
<meta name="format-detection" content="telephone=no">
<link href="../static/css/ui.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<script>
//安卓js适配
(function(win,doc){
	function setFontSize() {
        var winWidth =  window.innerWidth;
        doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px' ;
    }
    var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
    var timer = null;
	if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
	    win.addEventListener(evt, function () {
	        clearTimeout(timer);
	        timer = setTimeout(setFontSize, 300);
	    }, false);
	    win.addEventListener("pageshow", function(e) {
	        if (e.persisted) {
	            clearTimeout(timer);
	            timer = setTimeout(setFontSize, 300);
	        }
	    }, false);
	    setFontSize();
	} 
})(window,document);
</script>
<style>
html{font-size:13.33333333333vw;}
.box { width:7.5rem; height:5.2rem; background:url(zs.jpg) 0 0 / 100% 100% no-repeat; position:relative;}
.highScreen .box { transform:rotate(90deg); margin-top:1.2rem;}
.text { font-size:.2rem; height:.3rem; line-height:.3rem; position:absolute; text-align:center;}
.name { width:.75rem; left:1.57rem; top:2.36rem;}
.sex { width:.3rem; left:2.9rem; top:2.36rem;}
.year { width:.8rem; left:3.3rem; top:2.36rem; display:flex;}
</style>
</head>
<body>

<div class="box">
	<div class="text name">王健</div>
	<div class="text sex">男</div>
	<div class="text year">一九九六</div>
</div>

<script src="../static/modules/seajs/sea.js" id="seajsnode" ></script>
<script src="./seajs.config.js"></script>
<script>
seajs.use('js/index.js',function(){

	$(window).resize(function(){
		window.location.reload();
	});

})
</script>
</body>
</html>
